<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#menu{
				position: fixed;
				left:0;
				top: 0;
				z-index: 100;
				background-color:  #F0F8FF;
				list-style: none;
                opacity: 0.5;
			}
			#menu li a{
				font-size: 20px;
				color:  black;
				text-decoration: none;
				
			}
		   li a:hover{
		   	background-color:   crimson;
		   	color:  #000000;
		   }
		   *{
			margin: 0;
			padding: 0;
		}
		   .all{
			width: 1200px;
			margin: auto;
		}
		.head{
			position: relative;
		}
		#topic{
			color: aliceblue;
			font-size: 50px;
			position: absolute;
			top: 20px;
			left: 425px;
		}
		#logo{
			position: absolute;
			height: 80px;
			top: 10px;
			left: 0px;
		}
		#logo1{
			position: absolute;
			height: 80px;
			top: 10px;
			right: 0px;
		}
		#t1{
			text-align: center;
			font-size: 50px;
		
		}
		.button{
			text-align: center;
			
		}
		a{
			text-decoration: none;
			font-size:50px ;
		}
		</style>
	</head>
	<body background="img/bg.jpg">
		<ul id="menu" >
			<li><a href="wonderful.html">首页</a></li>
			<li><a href="Europe.html">欧美影视动漫</a></li>
			<li><a href="Japan.html">日本万代</a></li>
			<li><a href="do.html">购买</a></li>
	        <li><a href="plan.html">创业计划书</a></li>
		</ul>
		<div class="all">
			<div class="head" >
				<img src="img/star.jpg" width="1200px" height="100px"/>
				<img src="img/logo.png"  id="logo"/>
				<span id="topic">欢迎来到娱乐城！</span>
				<img src="img/logo.png"  id="logo1"/>
			</div>
			<div class="body">
				<p id="t1">作为一个手办、周边迷，你是否又是会因为发售时间“变态”，而错过了期待已久的手办、周边？</p>
			     <div align="center"><img src="img/w1.jpg"  id="w1"/></div>
			    <p id="t1">我们就是来“拯救”你的！</p> 
			    <div align="center"><img src="img/w2.jpg" width="700px"/></div>
			</div>
			<div class="button"><button><a href="Europe.html">欧美影视动漫</a></button>
			    <button><a href="Japan.html">日本万代</a></button></div>
		</div>
	</body>
</html>
